<style>
    .container {
        @media (min-width: 1600px) {
            width: 1280px;
        }
    }

    .jumbotron {
        background: #F7F9FB;
    }
</style>

<div class="jumbotron">
    <div class="row entry-header">
        <header class="with-topbar">
            <div class="header-overlay parallax-overlay"></div>
            <h2 class="section-heading"
                style="font-size: 25px;margin: 0;padding: 0;line-height: 1;border-left: 5px solid #45B6F7;padding-left: 10px;text-align: left;">
                {$tagname}
            </h2>
        </header>
    </div>
</div>

<div class="container-fluid">
    <div class="container news-list-box">
        <div class="row news-img-top-list">
            <div class="col-xs-12 col-sm-12 col-lg-8">
                {notempty name='list'}
                {foreach $list as $value}
                <div class="news-img-top-box">
                    <h2 class="news-single-title"><a href="/{$value.create_time|date='Y-m-d'}/{$value.id}"
                            title="{$value.title}" data-wpel-link="internal">{$value.title}</a></h2>
                    <div class="entry-meta">
                        <span class="published"><span class="glyphicon glyphicon-time" style="color: #45C2B5;"
                                aria-hidden="true"></span><a title="{$value.title}"
                                data-wpel-link="internal">{$value.create_time|date="Y-m-d"}</a></span>
                        <span class="author"><span class="glyphicon glyphicon-user" style="color: #45C2B5;"
                                aria-hidden="true"></span><a title="由{$value.username}发布"
                                rel="author" data-wpel-link="internal">{$value.username}</a></span>
                        <span class="category"><span class="glyphicon glyphicon-folder-open" style="color: #45C2B5;"
                                aria-hidden="true"></span><a href="{$value.category_url}" rel="category tag"
                                data-wpel-link="internal">{$value.category_name}</a></span>
                    </div>
                    <div class="entry-content">
                        <div class="page-content">
                            <p>{$value.summary|mb_substr=0,30}[&hellip;]</p>
                        </div>
                        <a class="tt_button" href="/{$value.create_time|date='Y-m-d'}/{$value.id}"
                            data-wpel-link="internal">Read more</a>
                    </div>
                </div>
                {/foreach}
                <div class="navigation pagination" role="navigation">
                    {$list->render()|raw}
                </div>
                {/notempty}
            </div>
            <div class="aside col-md-3 col-md-offset-1 col-xs-12 col-sm-12">
                <div class="sidebar-module">
                    <h4>最近更新</h4>
                    <ol class="list-unstyled">
                        {tp:listbycid cid="0" name="value" limit="7" order="id DESC"}
                        <li class="aritlce-li"><a href="/{$value.create_time|date='Y-m-d'}/{$value.id}.html"
                                title="{$value.title}">{$value.title}</a></li>
                        {/tp:listbycid}
                    </ol>
                </div>
                <div class="sidebar-module">
                    <h4>点击排行</h4>
                    <ol class="list-unstyled">
                        {tp:listbycid cid="0" name="value" limit="7" order="hits DESC"}
                        <li class="aritlce-li"><a href="/{$value.create_time|date='Y-m-d'}/{$value.id}.html"
                                title="{$value.title}">{$value.title}</a></li>
                        {/tp:listbycid}
                    </ol>
                </div>
                <div class="sidebar-module">
                    <h4>归档</h4>
                    <ol class="list-unstyled">
                        {tp:listtime name="value" limit="0"}
                        <li class="aritlce-li"><a href="/{:str_replace('-','/',$value->pubmonth)}"
                                title="{$value->pubmonth}">{:str_replace('-','年',$value->pubmonth)}月</a></li>
                        {/tp:listtime}
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>